<!DOCTYPE html>
<html lang="en">
<head>
    <title>首页TOTOROBANK</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta charset="utf-8">
    <!-- bootstrap css -->
    <link href="css/bootstrap.css" rel="stylesheet"/>
    <!-- //bootstrap css -->
    <!-- style css -->
    <link href="css/index-style.css" rel="stylesheet"/>
    <!-- //style css -->
    <!-- js -->
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <!-- //js -->
    <!-- bootstrap js -->
    <script src="js/bootstrap.js"></script>
    <!-- bootstrap js -->

</head>
<body>
<!-- banner -->
<div class="banner">
    <div class="banner-dott">
        <div class="container">
            <!-- navigation -->
            <nav class="navbar navbar-inverse">
                <div class="navbar-header">
                    <a class="navbar-brand" href="index.html"><h1>TOTORO BANK</h1></a>
                </div>
                <div class="collapse navbar-collapse" id="myNavbar">
                    <ul class="nav navbar-nav link-effect-14" id="link-effect-14">
                        <li><a href="#userservices" class="scroll"><span>用户服务</span></a></li>
                        <li><a href="helpandsupport.html" target="_self"><span>帮助与支持</span></a></li>
                        <li><a href="personalcenter.html" target="_self"><span>个人中心</span></a></li>
                        <li><a href="#introduce" class="scroll"><span>关于 TOTORO BANK</span></a></li>
                        <li><a href="login.html" target="_self"><span>登录</span></a></li>
                    </ul>
                </div>
            </nav>
            <div class="banner-header">
                <div class="slider">
                    <div class="callbacks_container">
                        <ul class="rslides callbacks callbacks1" id="slider4">
                            <li>
                                <div class="banner_text">
                                    <p> Welcome To </p>
                                    <h3> TOTORO BANK</h3>
                                </div>
                            </li>
                            <li>
                                <div class="banner_text">
                                    <p> 歓迎する </p>
                                    <h3> となりのトトロ の 銀行</h3>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <!-- //banner Slider -->
                </div>
            </div>
        </div>
    </div>
</div>
<!-- //navigation -->
<!-- //banner -->
<!-- services -->
<div class="services" id="userservices">
    <div class="container">
        <div class="w3l_heading">
            <h3>我 的 服 务</h3>
        </div>
        <div class="w3-services-grids">
            <div class="col-md-4 w3services-left">
                <div class="w3-services-info">
                    <i class="fa fa-cog  w3_icon" aria-hidden="true"></i>
                    <h3><a href="investcenter.html" target="_blank">投 资 理 财 > </a></h3>
                    <p> &nbsp &nbsp &nbsp &nbsp 依托 TOTORO BANK 专业金融实力，优选强势基金，和你一起为人生中的每一个重要阶段做好准备！用点滴积累，成就美好未来！</p>
                </div>
                <div class="w3-services-info">
                    <i class="fa fa-cogs  w3_icon " aria-hidden="true"></i>
                    <h3><a href="capitalcenter.html" target="_blank">资 金 来 往 > </a></h3>
                    <p> &nbsp &nbsp &nbsp &nbsp TOTORO BANK 能保障您的资金安全，为您提供完善,便捷,安全的转账服务，我们确保您的资金将以最快的速度到达收款客户的账户。</p>
                </div>
            </div>
            <div class="col-md-4 w3services-center">
                <img src="images/index_img/myService.png" alt="img">
            </div>
            <div class="col-md-4 w3services-right">
                <div class="w3-services-info">
                    <i class="fa fa-wrench  w3_icon " aria-hidden="true"></i>
                    <h3><a href="bankcardcenter.html" target="_blank">借 记 卡 服 务 > </a></h3>
                    <p> &nbsp &nbsp &nbsp &nbsp 向持卡人提供储蓄的付款卡，TOTORO BANK 为持卡人提供快捷的储蓄,提款,转账等服务</p>
                </div>
                <div class="w3-services-info">
                    <i class="fa fa-tasks  w3_icon " aria-hidden="true"></i>
                    <h3><a href="selfpayment.html" target="_blank">自 助 缴 费 > </a></h3>
                    <p> &nbsp &nbsp &nbsp &nbsp TOTORO BANK为您的生活提供最大程度的便利，您可以通过查询您所在地区所支持的供应商公司来快捷办理的生活缴费业务，无需排队方便快捷。</p>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- //services -->
<!-- introduce -->
<div class="introduce" id="introduce">
    <div class="container">
        <div class="w3l_heading">
            <h3 style="font-size: 2em">关于 TOTORO BANK</h3>
        </div>
        <div class="w3agile_contact_grid">
            <div class="col-md-6 w3agile_contact_left">
                <h2>TOTORO BANK Info</h2>
                <ul class="agileinfo_contact_grid_list">
                    <li><i class="fa fa-map-marker contact_icons" aria-hidden="true"></i>青城山区
                        东软大道1号<span>成都市 都江堰市</span></li>
                    <li><i class="fa fa-envelope-o contact_icons" aria-hidden="true"></i>edu@neusoft.com</li>
                    <li><i class="fa fa-phone contact_icons" aria-hidden="true"></i>+86-28-64888000</li>
                    <li><a class="fa fa-envelope-o contact_icons" href="admin-html/html/admin/admin-login.html" style="color: aliceblue">&nbsp; 管理员登录 >> </a></li>
                </ul>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript" src="js/SmoothScroll.min.js"></script>
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<script type="text/javascript" src="js/responsiveslides.min.js"></script>
<script>
    // You can also use "$(window).load(function() {"
    $(function () {
        // Slideshow 4
        $("#slider4").responsiveSlides({
            auto: true,
            pager: true,
            nav: true,
            speed: 500,
            namespace: "callbacks",
            before: function () {
                $('.events').append("<li>before event fired.</li>");
            },
            after: function () {
                $('.events').append("<li>after event fired.</li>");
            }
        });
    });
</script>
<!--页面导航栏跳转滑动效果-->
<script type="text/javascript">
    jQuery(document).ready(function($) {
        $(".scroll").click(function(event){
            event.preventDefault();
            $('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
        });
    });
	function localhost(url)
	{
		window.local.href=url;
	}
</script>
</body>
</html>
